<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" lang="en-US">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" lang="en-US">
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html lang="en-US">
<!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Mtons.com</title>

<link rel='stylesheet' media='all'
	href='./dist/css/font-awesome.min.css' />
<link rel="stylesheet" href="./dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./dist/css/style.css">
<link rel="stylesheet" href="./dist/css/layout.css">
<link rel="stylesheet" href="./dist/css/animate.css">

<!-- JavaScript -->
<script type="text/javascript" src="./dist/js/jquery.min.js"></script>
<script type="text/javascript" src="./dist/js/bootstrap.min.js"></script>

<style>
</style>
</head>
<body>
	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#navbar" aria-expanded="false"
					aria-controls="navbar">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand logo" href="#"><img
					src="http://mtons.com/dist/images/logo/m.png"></a>
			</div>
			<div id="navbar" class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li><a href="#">发现</a></li>
					<li><a href="#">走廊</a></li>
				</ul>
				
				<div class="navbar-left">
					<form class="navbar-form" method="get"
						action="/browse/search">
						<input type="text" class="form-control" name="q"
							placeholder="搜索...">
					</form>
				</div>
				<ul class="nav navbar-nav navbar-right">
					<li class="dropdown">
						<a href="#" class="ava dropdown-toggle" data-toggle="dropdown">
							<img class="img-circle" src="http://mtons.com/store/ava/1/0/0/100.jpg">
						</a>
						<ul class="dropdown-menu" role="menu">
			                <li>
			                	<a href="/account/profile" class="ava">
			                		<img class="img-circle" src="http://mtons.com/store/ava/1/0/0/100.jpg">
			                		<span>admin</span>
			                	</a>
			               	</li>
			                <li class="divider"></li>
			                <li><a href="/logout">退出</a></li>
			              </ul>
					</li>
				</ul>
			</div>
		</div>
	</nav>

	<section class="site-main container">
		<div class="sidebar-left">
			<div class="loop shadow-box">
				<div class="row">
					<div class="col-md-5">
						<figure class="m-thumb">
						<a href="#">
							<img src="http://meituyuan.com/data/share/2015/03/25/24055655108bf192ef2_m.jpg">
						</a>
						</figure>
					</div>
					<div class="col-md-7">
						<div class="m-cnt">
							<h3 class="m-tit">摩根士丹利CFO加入谷歌，是硅谷的荣耀，抑或是华尔街的衰落？</h3>
							<div class="m-sub">
								<span> 11是整个SNEAKER历史上不可磨灭的经典，发售于1996年，乔丹本人曾在公开场合不止一次的表达过自己对11代的情有独钟。</span>
							</div>
						</div>
						<div class="m-oth">
							<ul class="pull-left list-inline m-tag-box">
								<li>标签</li>
								<li>标签</li>
								<li>标签</li>
							</ul>
							<span class="pull-right m-act-box">
								<a href="">收藏</a>
								<a href="">喜欢</a>
							</span>
						</div>
					</div>
				</div>
			</div>
			<!-- end -->
			
			<div class="loop shadow-box">
				<div class="row">
					<div class="col-md-12">
						<div class="m-cnt">
							<h3 class="m-tit">摩根士丹利CFO加入谷歌，是硅谷的荣耀，抑或是华尔街的衰落？</h3>
							<div class="m-sub">
								<span> 11是整个SNEAKER历史上不可磨灭的经典，发售于1996年，乔丹本人曾在公开场合不止一次的表达过自己对11代的情有独钟。</span>
							</div>
						</div>
						<div class="m-oth">
							<ul class="pull-left list-inline m-tag-box">
								<li>标签</li>
								<li>标签</li>
								<li>标签</li>
							</ul>
							<span class="pull-right m-act-box">
								<a href="">收藏</a>
								<a href="">喜欢</a>
							</span>
						</div>
					</div>
				</div>
			</div>
			<!-- end -->
			
			<div class="loop shadow-box">
				<div class="row">
					<div class="col-md-5">
						<figure class="m-thumb">
						<a href="#">
							<img src="http://meituyuan.com/data/share/2015/03/25/24055655108bf192ef2_m.jpg">
						</a>
						</figure>
					</div>
					<div class="col-md-7">
						<div class="m-cnt">
							<h3 class="m-tit">摩根士丹利CFO加入谷歌，是硅谷的荣耀，抑或是华尔街的衰落？</h3>
							<div class="m-sub">
								<span> 11是整个SNEAKER历史上不可磨灭的经典，发售于1996年，乔丹本人曾在公开场合不止一次的表达过自己对11代的情有独钟。</span>
							</div>
						</div>
						<div class="m-oth">
							<ul class="pull-left list-inline m-tag-box">
								<li><i class="fa fa-tags"></i></li>
								<li>标签</li>
								<li>标签</li>
								<li>标签</li>
							</ul>
							<span class="pull-right m-act-box">
								<a href="">收藏</a>
								<a href="">喜欢</a>
							</span>
						</div>
					</div>
				</div>
			</div>
			<!-- end -->
		</div>

		<div class="sidebar-right bounceInRight animated">
			<div class="sidebox">
				<div class="author-card">
					<div class="avatar">
						<img class="img-circle" src="http://mtons.com/store/ava/1/0/0/100.jpg"/>
					</div>
					<h3 class="author-name">langhsu</h3>
				</div>
			</div>
			<div class="list-group">
				<a href="#" class="list-group-item"><i
					class="glyphicon glyphicon-home"></i> 首页</a> <a href="#"
					class="list-group-item">分类演示</a> <a href="#"
					class="list-group-item">存档文档</a>
			</div>
		</div>

	</section>
	<!--.site-main -->

	<footer class="bs-docs-footer" role="contentinfo">
	    <div class="footer-nav">
	        <div class="container">
	            <ul class="about-ul list-inline clearfix">
	                <li><a href="/about" target="_blank">关于我们</a></li>
	                <li><a href="/joinus" target="_blank">加入我们</a></li>
	                <li><a href="/contact" target="_blank">广告及服务</a></li>
	                <li><a href="/help" target="_blank">常见问题解答</a></li>
	            </ul>
	        </div>
	    </div>
	        <div class="container copy-right">
	        <span>Copyright © <a href="#">Mtons</a> （<a href="http://www.miitbeian.gov.cn/" target="_blank">京ICP备6666666</a>)</span>
	    </div>
	</footer>
	<a href="#" class="site-scroll-top"></a>
</body>
</html>
